<template>
  <div class="eva">
    <nav-bar
      title="待评价"
      right-text="奖励规则"
      left-arrow
      @click-left="onClickLeft"
      @click-right="onClickRight"
    />
    <div class="eva_center">
      <img class="eva_img" src="../../public/pingjia.png" alt="" />
      <p>暂时没有商户可以评价哦~</p>
      <Button size="mini" round color="#ff6633" plain>去附近看看</Button>
    </div>
  </div>
</template>
<script setup>
import { NavBar, Toast, Button } from "vant";
const onClickLeft = () => history.back();
// const onClickRight = () => Toast("按钮");
</script>

<style scoped>
.eva_center {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-top: 4rem;
  font-size: 0.8rem;
}
.eva_img {
  width: 6rem;
}
.eva_center p {
  color: #9c9c9c;
  line-height: 3rem;
}
</style>
